<!DOCTYPE html>
<html class="ui-page-login">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/my.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/aui.css" />
		<link rel="stylesheet" href="css/my.css" />
		<link rel="stylesheet" href="layer/need/layer.css" />
		<style>
			.aui-list .aui-list-item-title {
			    color: #686868;
			}
		</style>

	</head>
	<body>		
		<div class="animate-head">
	        <div class="aui-searchbars aui-row" id="lidapi">
	            <div class="aui-col-xs-3 aui-icon">
	               
                	<img src="images/lists.png" alt="" style="width: 1.3rem;"/>
	               
	            </div>
	            <div class="aui-border-radius aui-col-xs-6 aui-tip" id="animate-logo" style="transform: scale(1);">
	
	                <span class=""><img src="images/logo.png"></span>
	            </div>
	            <div class="aui-col-xs-3 aui-text-right">
	               <img src="images/kefu.png" alt="" style="width: 1rem;display: inline;">
	            </div>
	        </div>
	        <div class="aui-content aui-search" id="animate-ipt" style="transform: translateY(0px); width: 100%;">
	            <div class="aui-ser" style="margin: 0rem auto 0.6rem;">
	                <input type="search" placeholder="请在这里搜索~">
	            </div>
	        </div>
	    </div>
	    <div class="aui-content aui-nav-search-fixed" style="margin-top: 5.25rem;overflow-y:scroll ;">
	    	<!--轮播图-->
				<div id="slider" class="aui-slider aui-position-relative">
					<div id="slideBox" class="slideBox">
						<div class="bd" >
							<ul id="lbt">
								<li>
									<a href="javascript:;">
										<img src="images/banner1.png" />
									</a>
								</li>
								<li>
									<a href="javascript:;">
										<img src="images/banner2.png" />
									</a>
								</li>
								<li>
									<a href="javascript:;">
										<img src="images/banner3.png" />
									</a>
								</li>
							</ul>

						</div>

						<div class="hd">
							<ul></ul>
						</div>
					</div>

				</div>
				<!--宫格-->
				<div class="aui-slide-wrap">
					<div class="aui-slide-node-middle aui-slide-node-center">
						<section class="aui-content">
							<div class="aui-grid">
								<div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="itemDetail.html">
                                    	<img src="images/icon1.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-13">
	                                   		 教师课堂
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="itemDetail.html">
                                    	<img src="images/icon1.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-1">
	                                   		 专题讲座
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="tab_page.html">
                                    	<img src="images/icon1.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-1">
	                                   		 每日一句
	                                    </div>
		                             </a>
		                        </div>
		                        <div class="aui-col-xs-3 aui-col-imgs">
	                                <a href="itemDetail.html">
                                    	<img src="images/icon1.png" alt="" class="aui-iconfont aui-imgs">
	                                    <div class="aui-grid-label aui-font-size-1">
	                                   		 签到拿礼
	                                    </div>
		                             </a>
		                        </div>
							</div>
						</section>
					</div>
				</div>
				<div class="aui-padding-b-10" id="active">
					<a href="">
					<img src="images/pro.jpg" alt="" />
					</a>
				</div>
				<!--精彩课程-->
				<div class="aui-padded-t-10 aui-padded-b-10 aui-background-white">
					<section class="aui-content">
						<div class="aui-grid">
							<div class="aui-col-xs-6 aui-item-img aui-padded-t-5 aui-padded-b-5">
                                <a href="rightText.html">
                                	<img src="images/pigai.png" alt="" />
	                             </a>
	                        </div>
	                        <div class="aui-col-xs-6 aui-item-img aui-padded-t-5 aui-padded-b-5">
                                <a href="itemDetail.html">
                                	<img src="images/jizhe.png" alt="" />
	                             </a>
	                        </div>
	                       
						</div>
					</section>
				</div>
				<!--优惠课程-->
				<div class="aui-margin-t-5">
					<ul class="aui-list aui-media-list aui-border-t-0 aui-padded-t-10" id="jskt">
						<li class="aui-padded-r-15 aui-font-weight aui-font-size-14 aui-padded-l-15 aui-font-size-14 aui-text-default">
							教师课堂
							<a href="" class="aui-pull-right aui-font-normal">查看更多</a>
						</li>
						
					</ul>
				</div>
				<!--精彩课程-->
				<div class="aui-margin-t-5">
					<section class="aui-content">
						<div class="aui-padded-r-15 aui-font-weight aui-background-white aui-padded-l-15 aui-padded-t-10 aui-text-default aui-font-size-14">
							跟课辅导
							<a href="" class="aui-pull-right aui-font-normal">查看更多</a>
						</div>
						<div class="aui-grid" id="gkfd">
							<div class="aui-col-xs-6 aui-padded-t-5 aui-padded-b-5">
                                <a href="itemDetail.html">
                                	<img src="images/class1.png" alt="" class="aui-iconfont aui-class-img">
                                  
	                             </a>
	                        </div>
	                        <div class="aui-col-xs-6 aui-padded-t-5 aui-padded-b-5">
                                <a href="itemDetail.html">
                                	<img src="images/class1.png" alt="" class="aui-iconfont aui-class-img">
                                    
	                             </a>
	                        </div>
	                        <div class="aui-col-xs-6  aui-padded-t-5 aui-padded-b-5">
                                <a href="itemDetail.html">
                                	<img src="images/class1.png" alt="" class="aui-iconfont aui-class-img">
                                    
	                             </a>
	                        </div>
	                        <div class="aui-col-xs-6 aui-padded-t-5 aui-padded-b-5">
                                <a href="itemDetail.html">
                                	<img src="images/class1.png" alt="" class="aui-iconfont aui-class-img">
                                    
	                             </a>
	                        </div>
						</div>
					</section>
				</div>
				<!--各种推荐-->
				<div class="aui-margin-t-5 aui-background-white">
					<div class="aui-font-weight aui-padded-l-15 aui-padded-t-10 aui-text-default aui-font-size-14">
						老师风采
					</div>
					<ul class="aui-list aui-media-list aui-border-t-0 aui-padded-t-0" id="teacher">
						
						<li class="aui-list-item aui-list-item-middle aui-background-white ">
							<div class="aui-media-list-item-inner" style="align-items: flex-start;">
	                            <div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 4rem;">
	                                <img src="images/teacher.jpg" class="aui-border-radius">
	                            </div>
	                            <div class="aui-list-item-inner aui-padded-l-10">
	                                <div class="aui-list-item-text">
	                                    <div class="aui-list-item-title">新东方 李老师</div>
	                                </div>
	                                <div class="aui-text-default aui-margin-t-5">
	                                    <p class="aui-descr-con">助你夯实作文基础</p>
	                                    <p class="aui-font-size-12 aui-margin-t-10">
	                                    	<span>13.7万</span> <span>20课</span>
	                                    </p>
	                                </div>
	                            </div>
	                        </div>
						</li>
						<li class="aui-list-item aui-list-item-middle aui-background-white ">
							<div class="aui-media-list-item-inner" style="align-items: flex-start;">
	                            <div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 4rem;">
	                                <img src="images/teacher.jpg" class="aui-border-radius">
	                            </div>
	                            <div class="aui-list-item-inner aui-padded-l-10">
	                                <div class="aui-list-item-text">
	                                    <div class="aui-list-item-title">新东方 李老师</div>
	                                </div>
	                                <div class="aui-text-default aui-margin-t-5">
	                                    <p class="aui-descr-con">助你夯实作文基础</p>
	                                    <p class="aui-font-size-12 aui-margin-t-10">
	                                    	<span>13.7万</span> <span>20课</span>
	                                    </p>
	                                </div>
	                            </div>
	                        </div>
						</li>
						<li class="aui-list-item aui-list-item-middle aui-background-white ">
							<div class="aui-media-list-item-inner" style="align-items: flex-start;">
	                            <div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 4rem;">
	                                <img src="images/teacher.jpg" class="aui-border-radius">
	                            </div>
	                            <div class="aui-list-item-inner aui-padded-l-10">
	                                <div class="aui-list-item-text">
	                                    <div class="aui-list-item-title">新东方 李老师</div>
	                                </div>
	                                <div class="aui-text-default aui-margin-t-5">
	                                    <p class="aui-descr-con">助你夯实作文基础</p>
	                                    <p class="aui-font-size-12 aui-margin-t-10">
	                                    	<span>13.7万</span> <span>20课</span>
	                                    </p>
	                                </div>
	                            </div>
	                        </div>
						</li>
						<li class="aui-list-item aui-list-item-middle aui-background-white ">
							<div class="aui-media-list-item-inner" style="align-items: flex-start;">
	                            <div class="aui-list-item-media wechat-avatar aui-list-media-img" style="width: 4rem;">
	                                <img src="images/teacher.jpg" class="aui-border-radius">
	                            </div>
	                            <div class="aui-list-item-inner aui-padded-l-10">
	                                <div class="aui-list-item-text">
	                                    <div class="aui-list-item-title">新概念作文【第二册】</div>
	                                </div>
	                                <div class="aui-text-default aui-margin-t-5">
	                                    <p class="aui-descr-con">夯实作文基础</p>
	                                    <p class="aui-font-size-12 aui-margin-t-10">
	                                    	<span>13.7万</span> <span>20课</span>
	                                    </p>
	                                </div>
	                            </div>
	                        </div>
						</li>
					</ul>
				</div>
				
	    </div>
	    <div class="aui-foot-height"></div>
		<div class="aui-inner-wrap">			
			<footer class="aui-footer aui-footer-fixed">
				<a href="index.html" class="aui-tabBar-item aui-tabBar-item-active">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-loan"></i>
	                </span>
					<span class="aui-tabBar-item-text">首页</span>
				</a>
				<a href="myClass.html" class="aui-tabBar-item">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-credit"></i>
	                </span>
					<span class="aui-tabBar-item-text">课程</span>
				</a>
				<a href="textList.html" class="aui-tabBar-item ">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-ions"></i>
	                </span>
					<span class="aui-tabBar-item-text">投稿</span>
				</a>
				<a href="my.html" class="aui-tabBar-item ">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-car"></i>
	                </span>
					<span class="aui-tabBar-item-text">我的</span>
				</a>
			</footer>
		</div>
	
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/Touchslide.js"></script>
		<script src="layer/layer.js"></script>
		<script src="js/index.js"></script>
		<script src="js/islogin.js"></script>
		<script>
			 $(window).scroll(function() {
		            if ($(this).scrollTop() >= 80) {
		                $('#animate-logo').css('transform', 'scale(0)')
		                $('#animate-ipt').css({
		                    "transform": 'translateY(-45px)',
		                    'width': '77%'
		                })
		                $('.aui-ser').css('margin', '0 auto');
		
		            } else {
		                $('#animate-logo').css('transform', 'scale(1)')
		                $('#animate-ipt').css({
		                    "transform": 'translateY(0px)',
		                    'width': '100%'
		
		                })
		                $('.aui-ser').css('margin', '0rem auto 0.6rem');
		
		
		            }
		        })
//			轮播图
			$(function() {

				TouchSlide({
					slideCell: "#slideBox",
					delay: 5000,
					titCell: ".hd ul",
					mainCell: ".bd ul",
					effect: "leftLoop",
					autoPlay: true,
					autoPage: true //自动分页
				});

			})
//			公告
			var num = 0;
			var $width = $(window).width()

			function goLeft() {
				if(num < -$width) {
					num = 0;
				}
				num -= 1;
				$(".aui-warn div").css({
					marginLeft: num
				})

			}
			var timer = setInterval(function() {
				goLeft()
			}, 200);

			setInterval(function() {
				goLeft()
			}, 200)

		</script>
	</body>

</html>